<!DOCTYPE html>
<html lang="en">
  <head>
        <meta charset="utf-8">
        <meta name="author" content="Anthony Beaumont" />
        <meta name="title" content="Achievement Watcher" />
        <meta name="description" content="A sexy achievement file parser with real-time notification. View every achievements earned on your PC whether it's coming from Steam, a Steam emulator, and more." />
        <meta name="format-detection" content="telephone=no" />
        <meta name="msapplication-tap-highlight" content="no" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
        <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'; connect-src 'self' https://api.github.com;" />

        <link rel="apple-touch-icon" sizes="180x180" href="resources/icon/apple-touch-icon.png">
        <link rel="icon" type="image/png" sizes="32x32" href="resources/icon/favicon-32x32.png">
        <link rel="icon" type="image/png" sizes="16x16" href="resources/icon/favicon-16x16.png">
        <link rel="manifest" href="resources/icon/site.webmanifest">
        <link rel="mask-icon" href="resources/icon/safari-pinned-tab.svg" color="#2b5797">
        <link rel="shortcut icon" href="resources/icon/favicon.ico">
        <meta name="msapplication-TileColor" content="#2b5797">
        <meta name="msapplication-config" content="resources/icon/browserconfig.xml">
        <meta name="theme-color" content="#ffffff">

        <link rel="stylesheet" type="text/css" href="resources/css/normalize.css"/>
        <link rel="stylesheet" type="text/css" href="resources/css/fontawesome_all.css" />
        <link rel="stylesheet" type="text/css" href="resources/css/default.css" />
        <title>Achievement Watcher</title>  
  </head>
  <body>

    <header>
      <div class="logo"></div>
      <div class="title"><span class="name">Achievement Watcher</span> <span class="description">A sexy achievement file parser with real-time notification.</span></div>
      <nav>
        <a href="https://github.com/xan105/achievement-watcher" target="_blank"><i class="fab fa-github"></i></a>
        <a href="https://telegram.me/xan105" target="_blank"><i class="fab fa-telegram-plane"></i></a>
      </nav>
    </header>

    <main>
      <section class="content">
        
        <h1 class="headline">View every achievement earned on your PC<br />with highly customizable notification<br />whether it's coming from Steam, a Steam emulator, and more.</h1>

        <a href="https://github.com/xan105/Achievement-Watcher/releases/latest" id="btn-download" class="btn">
          <i class="fas fa-download"></i> <span>Download</span>
          <div class="info">Windows 7 - 10 64bits</div>
        </a>
        
        <h2>The original idea behind this app was that some steam emulators generate a text file where your unlocked achievements are stored. But they aren't very friendly to know which is which, until now.</h2>
        
        <div class="laptop contextmenu">
          <div class="screen"></div>
        </div>
        
      </section>
      
      <section class="details">
        
        <ul class="content">
        
          <li class="row">
            <div class="img contextmenu">
              <img alt="UI loading" src="resources/img/loading.png">
            </div>
            <div class="description">
              <h3>Simple &amp; Modern UI</h3>
              <p>The UI was made to be very simple while keeping a clean layout. On the first launch, the app will build the cache for all your games. This process can take a while if you have a lot of them but don't worry :
              after that you're ready to go and it will load pretty fast.</p>
            </div>
          </li>
          
          <li class="row">
            <div class="img contextmenu">
              <img alt="Achievement notification" src="resources/img/live.gif">
            </div>
            <div class="description">
              <h3>Achievement notification</h3>
              <p>Display highly customizable notification when you unlock an achievement. 
              Change the sound, take a screenshot, make your gamepad rumble, notify on progress, choose what to display and how.</p>
            </div>
          </li>
          
          <li class="row">
            <div class="img contextmenu">
              <img alt="Unifyed" src="resources/img/unified.png">
            </div>
            <div class="description">
              <h3>Unified Experience</h3>
              <p>By unifying as best as possible all your different achievements source and fixing their respective quirk.
              You can enjoy your achievements in a streamlined interface and experience no matter where they come from.
              </p>
            </div>
          </li>
          
          <li class="row">
            <div class="img contextmenu">
              <img alt="Compatibility" src="resources/img/compatibility.png">
            </div>
            <div class="description">
              <h3>Large compatibility</h3>
              <p>From official Steam client, to various Steam emulators, and even RPCS3 Sony PlayStation 3 emulator. This is an on-going endeavor but you can check <a href="https://github.com/xan105/Achievement-Watcher#compatibility-" target="_blank">the full list</a> of what this app can import.
              
              </p>
            </div>
          </li>
          
          <li class="row">
            <div class="img contextmenu">
              <img alt="Settings" src="resources/img/settings.png">
            </div>
            <div class="description">
              <h3>Tons of options</h3>
              <p>From filters and sorting options, to language choice, to view hidden achievements, to merging duplicates, to notification, to achievements sources, to blacklisting, there are plenty of settings to play around with.  
              </p>
            </div>
          </li>

        </ul>
        
      </section>
      
      
    </main>
    
    <footer>
      <div class="wrap">

          <div id="back-to-top">
            <div></div>
            <span>Scroll up</span>
          </div>
          
          <p class="notice"><i class="fas fa-info-circle"></i> For more information please kindly check <a href="https://github.com/xan105/Achievement-Watcher#readme" target="_blank">the github page</a>.</p> 

          <nav>
            <ul>
              <li>About</li>
              <li><a href="https://github.com/xan105/Achievement-Watcher#notification-on-achievement-unlocking" target="_blank"><i class="fas fa-bell"></i> Notification</a></li>
              <li><a href="https://github.com/xan105/Achievement-Watcher#compatibility-" target="_blank"><i class="fas fa-file-alt"></i> Compatibility</a></li>
              <li><a href="https://github.com/xan105/Achievement-Watcher#options" target="_blank"><i class="fas fa-cog"></i> Options</a></li>
              <li><a href="https://github.com/xan105/Achievement-Watcher#steam-web-api-key" target="_blank"><i class="fas fa-key"></i> Steam Web API Key</a></li>
            </ul>
            
            <ul>
              <li>Author</li>
              <li><a href="https://telegram.me/xan105" target="_blank"><i class="fab fa-telegram-plane"></i> Contact</a></li>
              <li><a href="https://www.paypal.me/xan105" target="_blank"><i class="fas fa-heart tada"></i> Donate</a></li>
            </ul>
            
            <ul>
              <li>Legal</li>
              <li>© Anthony Beaumont, 2019.</li>
              <li><a href="https://github.com/xan105/Achievement-Watcher#legal" target="_blank"><i class="fas fa-gavel"></i> Legal Notice</a></li>
            </ul>
          </nav>

        </div>
   
      </div>
    </footer>

  </body>
  <script src="main.js" type="module" integrity="sha256-IwLTZmxZytx3K89S1mgCjkLvzE8jLLeCQR1eca/bxBA="></script>
</html>